<!DOCTYPE html>
<html lang="en">
  <head>
    <title>{{ title }}</title>
    <meta charset="utf-8" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <link rel="apple-touch-icon" sizes="120x120" href="/public/logo.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui" />
    <link rel="shortcut icon" sizes="48x48" href="/public/logo.png" />
    <meta name="theme-color" content="#f60" />
    <link rel="manifest" href="/manifest.json" />
    <style>
      #skip a {
        position: absolute;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
      }

      #skip a:focus {
        position: static;
        width: auto;
        height: auto;
      }
    </style>
    <link rel="stylesheet" href="//cdn.materialdesignicons.com/2.0.46/css/materialdesignicons.min.css" />
    <link rel="stylesheet" href="https://unpkg.com/buefy/dist/buefy.min.css" />
    <link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.1.0/css/all.css"
      integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
      crossorigin="anonymous"
    />
  </head>

  <body>
    <div id="skip"><a href="#app">skip to content</a></div>
    <!--vue-ssr-outlet-->
  </body>
</html>
